<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>一个不知名的网站</title>
    <link rel="stylesheet" href="../static/bootstrap-3.4.1-dist/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../static/css/dcalendar.picker.css"/>
    <style>

        .navbar-default .navbar-brand {
            color: #fff;
            font-size: 30px;
            padding-left: 30px

        }

        .navbar-default .navbar-text {
            margin-top: 15px;
            color: #fff;
        }

        .navbar-text {
            color: #fff;
            font-size: 15px
        }

        .nav nav-tabs {
            background-color: #003b95;
        }

        .content-sec3 {
            position: relative;
            max-width: 100%;
            height: auto;
            background: url('../static/img/headerpic.jpeg') no-repeat top center;
            background-size: 100% auto;
            background-color: cadetblue;
        }

        body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff;
        }

        .titleImg {
            width: 200px;
            height: 200px;
            object-fit: cover;
            flex: 1;
        }

        /* Navigation bar */
        .navbar-default {
            background-color: #003B95;
            border-color: #003B95;
            color: #fff;
            font-size: 16px;
        }

        .navbar-default .navbar-brand {
            color: #fff;
            font-size: 30px;
            padding-left: 30px;
        }

        .navbar-default .navbar-text,
        .navbar-default .navbar-nav > li > a {
            color: #fff;
            font-size: 16px;
            font-weight: 500;
        }

        .navbar-default .navbar-text {
            margin-top: 15px;
        }

        /* Breadcrumb */
        .breadcrumb {
            background-color: #fff;
            margin-bottom: 10px;
            padding: 8px 15px;
            border-radius: 4px;
        }

        .breadcrumb > li + li:before {
            content: ">";
            padding: 0 5px;
            color: #ccc;
        }

        /* Left column */
        #left {
            width: 25%;
            padding: 0 15px;
            float: left;
        }

        .leftsmall {
            font-size: 14px;
        }

        .leftsmall > div {
            padding: 10px 0;
        }

        .leftsmall .input-group {
            margin-bottom: 10px;
        }

        .leftsmall .input-group-addon {
            background-color: #fff;
            border: none;
        }

        .leftsmall .form-control {
            border-radius: 0;
        }

        .leftsmall .btn-primary {
            background-color: #003B95;
            border-color: #003B95;
            width: 100%;
            border-radius: 0;
            font-size: 16px;
        }

        .leftsmall .btn-primary:hover {
            background-color: #428BCA;
            border-color: #428BCA;
        }

        /* Right column */
        #right {
            width: 75%;
            padding: 0 15px;
            float: right;
        }

        .maps-overlay {
            position: relative;
            height: 100%;
            background: #F9F9F9;
            border: 1px solid #E5E5E5;
        }

        border {
            border-style: solid;
            border-width: medium;
        }

        .percent_back_bar {
            display: block;
            background: #f2f2f2;
            border-radius: 999px;
            overflow: hidden;
        }

        .percent_bar {
            background: #003580;
            border-radius: 999px;
            display: block;
            height: 8px;
            width: 0%;
        }

        .wifi {
            display: none;
        }

        .scores {
            display: none;
        }

        .font_score {
            display: inline-block;
            font-size: 16px;
            font-weight: 500;
            float: right;
        }

        .up_icon {
            display: inline-block;
            width: 14px;
            height: 14px;
            color: #008009;
            fill: #008009;
            padding-left: 0px;
        }

        .down_icon {
            display: inline-block;
            width: 14px;
            height: 14px;
            color: #c00;
            fill: #c00;
            padding-left: 0px;
        }

        .up_hide {
            display: none;
        }

        .down_hide {
            display: none;
        }
.dropdown{
            position: relative;
            display: inline-block;
        }
        .dropbtn{
            background-color: #003B95;
            color: white;
            font-size: 16px;
            padding: 16px;
            border: none;
            cursor: pointer;
        }
        .dropdown-content{
            display: none;
            position: absolute;
            background-color: white;
            width: 100%;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        }
        .dropdown-content a{
            color: black;
            padding: 12px 16px;
            text-decoration:  none;
            display: block;
        }
        .dropdown-content a:hover{
            background-color: #b9def0;
        }
        .dropdown:hover .dropdown-content{
            display: block;
        }
        .dropdown:hover .dropbtn{
            background-color: #003B95;
        }
        .score_title {
            font-size: 16px;
        }

        .score_blue_pattern {
            display: inline-block;
            border-radius: 5px 5px 5px 0;
            height: 28px;
            min-width: 28px;
            width: 28px;
            align-items: center;
            background: #003580;
            color: #fff;
            justify-content: center;
            vertical-align: center;
            text-align: center;
            font-size: small;
            line-height: 28px
        }

        .policy_table {
            padding-top: 20px;
            padding-left: 10px;
            font-size: 14px;

        }

        .policy_icon {
            vertical-align: -4px;
        }
        .blu_container {
            border: 1px solid #e7e7e7;
            margin-top: 20px;
            border-radius: 2px;
            padding: 10px 20px;
            background: #ebf3ff
        }
        .rest_title{
            font-size: 16px;font-weight: 700;
        }
        .rest_content{
            font-size: 14px;font-weight: 400;color: #6b6b6b;
        }
    </style>
</head>
<body>

<nav class="navbar navbar-default" style="background-color: #003b95   ">

    <div class="container-fluid ">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="container">
                <a class="navbar-brand " href="https://www.booking.cn">Booking.com</a>
            </div>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><p class="navbar-text ">上线我的住宿</p></li>
               <li><div class="dropdown"style="z-index: 9999">
                    <button class="dropbtn">欢迎预定！</button>
                    <div class="dropdown-content">
                        <a href="/fake">查看订单 </a>
                        <a href="/logout">退出 </a>
                    </div>
                </div></li>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<ul class="nav nav-tabs ">
    <li role="presentation" class="active " style="margin-left:20px"><a href="#"><span class="glyphicon glyphicon-bed"
                                                                                       aria-hidden="true"></span>住宿</a>
    </li>
    <li role="presentation"><a
            href="https://www.booking.com/attractions/index.zh-cn.html?aid=1662037&amp;sid=dbdb80c0ef230f97a76c0cc16caff245"
            style="color:black"><span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>景点</a></li>
    <li role="presentation"><a
            href="https://www.booking.com/attractions/index.zh-cn.html?aid=1662037&amp;sid=dbdb80c0ef230f97a76c0cc16caff245"
            style="color:black"><span class="glyphicon glyphicon-plane" aria-hidden="true"></span>机票</a></li>
    <li role="presentation"><a
            href="https://www.booking.com/attractions/index.zh-cn.html?aid=1662037&amp;sid=dbdb80c0ef230f97a76c0cc16caff245"
            style="color:black"><span class="glyphicon glyphicon-road" aria-hidden="true"></span>出租车</a></li>
</ul>
<!--条幅-->
<div class="container">
    <ul class="nav nav-pills nav-justified right">
        <li role="presentation"><a href="#">信息与价格</a></li>
        <li role="presentation"><a href="#">设施</a></li>
        <li role="presentation"><a href="#">住宿规定</a></li>
        <li role="presentation"><a href="#hh4">价格更放心</a></li>
    </ul>
</div>
<!--导航条-->
<div class="container">
    <ol class="breadcrumb">
        <li><a href="http://127.0.0.1:5000/header">首页</a></li>
        <li><a href="#">中国</a></li>
        <li><a href="#">省</a></li>
        <li><a href="#">城市</a></li>
        <li class="active">旅店</li>
    </ol>
    <div id="left" class="rlt-left leftsmall" role="complementary">
        <!--要为这个创建一个style-->
        <div class=".fca8fcd83b " style="background: #febb02">
            <div>境外特价搜不停</div>
        </div>

        <div class=".fca8fcd83b " style="background: #ffc489">
            <div>
                <div class="d8eab2cf7f e2a710e162">目的地/住宿名称：</div>
                <div class="input-group " style="width:90%;padding-left:20px">
                    <span class="input-group-addon"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>

                    <input type="text" class="form-control " placeholder="城市名" aria-describedby="basic-addon1">
                </div>

            </div>

            <div>
                <div class="d8eab2cf7f e2a710e162">入住日期：</div>
                <div class="input-group" style="width:90%;padding-left:20px">
                    <span class="input-group-addon"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>

                    <input id='mydatepicker' type="text" class="form-control" placeholder="入住日期"
                           aria-describedby="basic-addon1">
                </div>
            </div>

            <div>
                <div class="d8eab2cf7f e2a710e162">退房日期：</div>
                <div class="input-group" style="width:90%;padding-left:20px">
                    <span class="input-group-addon"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>

                    <input id='mydatepicker1' type="text" class="form-control" placeholder="退房日期"
                           aria-describedby="basic-addon1">
                </div>
            </div>
            <div class=".fca8fcd83b text-center">
                <div>
                    <input type="submit" value="搜特价" style="font-size: 25px;color:#fff;background:#0071c2">
                </div>
            </div>
        </div>


        <!--住宿类型-->
        <!--评分-->
        <!--距离-->
        <!--住宿评级-->
        <!--设施-->
        <!--取消政策-->
        <!--品牌-->

    </div>
    <div id="right" class="rlt-right maps-overlay" role="main" style="border: 0px">
        <div style="font-size:20px">
            <div style="display: inline-block">
                <p class="hide" id="show_stars">{{pro1[0].star}}</p>
                <span class="star_hide" aria-hidden="true" style="fill:#febb02"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                     viewBox="0 0 24 24" width="12px"
                                                                                     height="12px"><path
                        d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12z"></path></svg></span>
                <span class="star_hide" aria-hidden="true" style="fill:#febb02"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                     viewBox="0 0 24 24" width="12px"
                                                                                     height="12px"><path
                        d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12z"></path></svg></span>
                <span class="star_hide" aria-hidden="true" style="fill:#febb02"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                     viewBox="0 0 24 24" width="12px"
                                                                                     height="12px"><path
                        d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12z"></path></svg></span>
                <span class="star_hide" aria-hidden="true" style="fill:#febb02"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                     viewBox="0 0 24 24" width="12px"
                                                                                     height="12px"><path
                        d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12z"></path></svg></span>
                <span class="star_hide" aria-hidden="true" style="fill:#febb02"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                     viewBox="0 0 24 24" width="12px"
                                                                                     height="12px"><path
                        d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12z"></path></svg></span>
            </div>
            <div style="display: inline-block">
                <span class="star_hide" id="star_good" aria-expanded="false"
                      class="b6dc9a9e69 ee74cdff9b ec1b6253a6 fe3639fe67" aria-hidden="true"><svg
                        xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 128 128"
                        style="vertical-align: -6px"><path fill="#FEBB02"
                                                           d="M112 8H16a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8V16a8 8 0 0 0-8-8zM48 96H24V58h24zm56-25a8.697 8.697 0 0 1-2 6 8.903 8.903 0 0 1 1 4 6.9 6.9 0 0 1-5 7c-.5 4-4.8 8-9 8H56V58l10.3-23.3a5.4 5.4 0 0 1 10.1 2.7c-.078.923-.28 1.831-.6 2.7L72 52h23c4.5 0 9 3.5 9 8a9.2 9.2 0 0 1-2 5.3 7.5 7.5 0 0 1 2 5.7z"></path></svg></span>
            </div>
        </div>
        <p style="font-size: 25px">
            <b>
                {{pro1[0].hname}}
            </b>
        </p>
        <p>
            {{pro1[0].address}}
        </p>
        <div class="container-fluid" style="background: white;">
            <div class="row">
                <div class="col-md-4">
                    <img alt="140x140" src={{photolist[0]}} style="width:276px;height: 170px; padding: 0 5px;"/><img
                        alt="140x140" src={{photolist[1]}}
                        style="width:276px;height: 170px;padding: 0 5px;margin-top: 10px"/>
                </div>
                <div class="col-md-6">
                    <img alt="140x140" src={{photolist[2]}} style="width:535px;height: 350px;margin-left: 10px"/>
                </div>
            </div>
            <div class="row" style="margin-top: 10px">
                <div class="col-md-3">
                    <img alt="140x140" src={{photolist[3]}} style="width:196px;height:110px;"/>
                </div>
                <div class="col-md-3">
                    <img alt="140x140" src={{photolist[4]}} style="width:196px;height:110px;"/>
                </div>
                <div class="col-md-3">
                    <img alt="140x140" src={{photolist[5]}} style="width:196px;height:110px;margin-left:5px"/>
                </div>
                <div class="col-md-3">
                    <img alt="140x140" src={{photolist[6]}} style="width:196px;height:110px;margin-left:5px"/>
                </div>
            </div>
        </div>

    </div>
</div>
<!--定位导航-->
<div class="container" style="margin-top:30px">
    <div>
        {% for item in p6[0].f1 %}
        <button type="button" class="btn btn-default" style="height:50px;width:185px;margin-left:15px;margin-top:10px"
                value="fff1"><b>{{item}}</b></button>
        {% endfor %}
    </div>
    <div style="margin-top:20px;font-size:40px"><b>旅店介绍</b></div>
    <div style="margin-top:10px;font-size:15px" class="text-muted">{{p6[0].des}}</div>
    <div style="margin-top:20px;font-size:20px"><b>热门设施/服务</b></div>
    {% for item in p6[0].f2 %}
    <button type="button" class="btn btn-default"
            style="height:30px;width:130px;margin-left:15px;margin-top:10px;text-decoration:none" value="fff1"><b>{{item}}</b>
    </button>
    {% endfor %}
    <div style="border:solid 2px black;margin-top:30px"></div>
    <div class="row">
        <div class="bs-docs-example col-md-10" style="margin-top:20px">
            <table class="table" style="border-bottom: 1px solid #5bbaff;
    width: 100%;
    border-collapse: collapse;
    min-height: 270px;">
                <thead>
                <tr style="border:solid 2px #5bbaff">
                    <th style="background-color:#4c76b2;color:white;">客房类型</th>
                    <th style="background-color:#4c76b2;color:white;width: 48.2px">客人数</th>
                    <th style="background-color:#4c76b2;color:white;width: 80px">今日价格</th>
                    <th style="background-color:#4c76b2;color:white;width: 130px">预定须知</th>
                    <th style="background-color:#4c76b2;color:white;width: 59.2px">房间数预定</th>
                </tr>
                </thead>
                <tbody id="body">
                <form method="post">
                    {% for item1 in p3%}
                    <tr style="border:solid 2px #5bbaff">
                        <td style="border:solid 1px #5bbaff">
                            <button type="button" class="btn btn-primary btn-lg" data-toggle="modal"
                                    data-target="#myModal"
                                    style="display: inline-block;font-size: 16px;background: #fff;color:#0071c2;padding-left:0px;border:solid 0px">
                                {{item1.roomname}}
                            </button>

                            <p>{{item1.bedtype}}</p>
                            <div style="margin-bottom:10px;font-size:10px">
                                {% for item2 in item1.roomfacility %}
                                <span>{{item2}}</span>
                                {% endfor %}
                            </div>
                            <div style="border:solid #e7e7e7 0.5px"></div>
                            <div style="margin-bottom:10px;font-size:10px;margin-top:10px">
                                {% for item3 in item1.roomfacilities %}
                                <span>
                        <svg class="bk-icon -streamline-checkmark" style="vertical-align: -4px" fill="#008009"
                             height="14" width="14" viewBox="0 0 128 128" role="presentation" aria-hidden="true"
                             focusable="false"><path
                                d="M56.33 100a4 4 0 0 1-2.82-1.16L20.68 66.12a4 4 0 1 1 5.64-5.65l29.57 29.46 45.42-60.33a4 4 0 1 1 6.38 4.8l-48.17 64a4 4 0 0 1-2.91 1.6z"></path></svg>
                        {{item3}}</span>
                                {% endfor %}
                            </div>
                        </td>
                        <td class="room_max" style="border:solid 1px #5bbaff;width: 70px">{{item1.maxpeople}}</td>
                        <td style="border:solid 1px #5bbaff">
                            <p class="set_price" style="font-size: 16px;font-weight: 700;line-height: 24px"> {{item1.price}}</p>
                            <p class="set_pri_o" style="font-size: 12px;font-weight: 400;color: #6b6b6b">
                                {{item1.roompriceother[0]}}</p>
                        </td>
                        <td style="border:solid 1px #5bbaff">
                            <div>
                            <div style="display: inline-block">
                                <svg class="bk-icon -streamline-food_coffee"style="vertical-align: -4px" fill="#008009" height="16" width="16" viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false"><path d="M3.75 4.5h12a.75.75 0 0 1 .75.75v7.5a6.75 6.75 0 0 1-13.5 0v-7.5a.75.75 0 0 1 .75-.75zm0-1.5A2.25 2.25 0 0 0 1.5 5.25v7.5a8.25 8.25 0 0 0 16.5 0v-7.5A2.25 2.25 0 0 0 15.75 3h-12zm-3 18h22.5a.75.75 0 0 0 0-1.5H.75a.75.75 0 0 0 0 1.5zm16.5-15h1.5a3.763 3.763 0 0 1 3.75 3.752 3.762 3.762 0 0 1-3.752 3.748H17.1a.75.75 0 0 0 0 1.5h1.65A5.263 5.263 0 0 0 24 9.752 5.264 5.264 0 0 0 18.752 4.5H17.25a.75.75 0 0 0 0 1.5z"></path></svg>
                            </div>
                            {% for item9 in item1.roomsbreakfast %}
                            <span style="color:#008009;font-size: 12px;font-weight: bold;">{{item9}}</span>
                            {% endfor %}
                            </div>
                            <div>
                            <div style="display: inline-block">
                                <svg class="bk-icon -streamline-checkmark" style="vertical-align: -4px" fill="#008009"
                                     height="14" width="14" viewBox="0 0 128 128" role="presentation" aria-hidden="true"
                                     focusable="false">
                                    <path d="M56.33 100a4 4 0 0 1-2.82-1.16L20.68 66.12a4 4 0 1 1 5.64-5.65l29.57 29.46 45.42-60.33a4 4 0 1 1 6.38 4.8l-48.17 64a4 4 0 0 1-2.91 1.6z"></path>
                                </svg>
                            </div>

                            {% for item4 in item1.roomcancel[0] %}
                            <span style="color:#008009;font-size: 12px;font-weight: bold">{{item1.roomcancel}}</span>
                            {% endfor %}
                            </div>
                            <div>
                                <div style="display: inline-block">
                                    <svg class="bk-icon -streamline-checkmark" style="vertical-align: -4px"
                                         fill="#008009" height="14" width="14" viewBox="0 0 128 128" role="presentation"
                                         aria-hidden="true" focusable="false">
                                        <path d="M56.33 100a4 4 0 0 1-2.82-1.16L20.68 66.12a4 4 0 1 1 5.64-5.65l29.57 29.46 45.42-60.33a4 4 0 1 1 6.38 4.8l-48.17 64a4 4 0 0 1-2.91 1.6z"></path>
                                    </svg>
                                </div>
                                {% for item5 in item1.pay %}
                                <span style="color:#008009;font-size: 12px;font-weight: bold;">
                        {{item5}}</span>
                                {% endfor %}

                            </div>

                        </td>
                        <td>
                            <div>
                                <span class="hidden"class="maxhotel" id="max_hotel">{{item1.num}}</span>
                          <span style="font-size:5px;"><b>房间数</b>
                              <select required="required" class="form-control" name={{item1.roomid}} style="width:70px"id="mynum" onchange="compare(this,this.value,{{item1.num}})">
                                <option value="0" selected="selected">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>

                              </select>
                          </span></div>
                        </td>
                    </tr>
                    {% endfor %}

                </tbody>

            </table>
        </div>
        <button type="submit" class="btn btn-primary col-md-2" style="margin-top:20px">提交订单</button>
        </form>
        <div style="margin-left: 25cm">
            <ul style="padding-left: 50px">
                <li class="hprt-booking-cta-ticker__list-item">
                    只需两分钟
                </li>
                <li class="hprt-booking-cta-ticker__list-item cta-list-item--immediate-conf">
                    立即确认
                </li>
                <li class="hprt-booking-cta-ticker__list-item">
                    不收取预订手续费或信用卡手续费！
                </li>
            </ul>
        </div>
    </div>
    </form>
    <div class="scores">
        <div style="font-size:24px;font-weight: 700;padding-bottom: 10px"><b>住客点评</b></div>
        <p style="font-size:16px"><span class="score_blue_pattern" id="total_score">{{p2[0].total}}</span>
            {{p2[0].tcomment}}</p>
        <p style="margin-top:20px;font-size:16px;font-weight: 700"><b>单项评分:</b></p>
    </div>
    <div class="row scores">
        <div class="col-md-4 score_title">
            员工素质
            <div style="display: inline-block">
                <span aria-hidden="true"><svg class="up_icon up_hide" xmlns="http://www.w3.org/2000/svg" width="14px"
                                              height="14px" viewBox="0 0 24 24"><path
                        d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>
                <span aria-hidden="true"><svg class="down_icon down_hide" xmlns="http://www.w3.org/2000/svg"
                                              width="14px" height="14px" viewBox="0 0 24 24"><path
                        d="M23.292 10.24a1.413 1.413 0 0 0-1.994.127l-7.448 8.464a.251.251 0 0 1-.438-.166V1.413a1.412 1.412 0 0 0-2.824 0v17.252a.251.251 0 0 1-.438.166L2.7 10.367a1.413 1.413 0 1 0-2.119 1.867L10.233 23.2a2.352 2.352 0 0 0 3.534 0l9.652-10.967a1.412 1.412 0 0 0-.127-1.993z"></path></svg></span>
            </div>
            <div id="yuangong_score1" class="font_score">{{p2[0].suzhi}}</div>

            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar ec0effca39"
                 role="meter" aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">
                <span class="percent_bar" id="yuan_gong"></span>
            </div>
            <div style="clear: both"></div>
        </div>
        <div class="col-md-4 score_title">
            设施/服务
            <div style="display: inline-block">
                <span aria-hidden="true"><svg class="up_icon up_hide" xmlns="http://www.w3.org/2000/svg" width="14px"
                                              height="14px" viewBox="0 0 24 24"><path
                        d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>
                <span aria-hidden="true"><svg class="down_icon down_hide" xmlns="http://www.w3.org/2000/svg"
                                              width="14px" height="14px" viewBox="0 0 24 24"><path
                        d="M23.292 10.24a1.413 1.413 0 0 0-1.994.127l-7.448 8.464a.251.251 0 0 1-.438-.166V1.413a1.412 1.412 0 0 0-2.824 0v17.252a.251.251 0 0 1-.438.166L2.7 10.367a1.413 1.413 0 1 0-2.119 1.867L10.233 23.2a2.352 2.352 0 0 0 3.534 0l9.652-10.967a1.412 1.412 0 0 0-.127-1.993z"></path></svg></span>
            </div>
            <div id="sheshifuwu_score" class="font_score">{{p2[0].sheshifuwu}}</div>
            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar ec0effca39"
                 role="meter" aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">
                <span class="percent_bar" id="sheshi_fuwu"></span>
            </div>
        </div>


        <div class="col-md-4 score_title">
            清洁程度
            <div style="display: inline-block">
                <span aria-hidden="true"><svg class="up_icon up_hide" xmlns="http://www.w3.org/2000/svg" width="14px"
                                              height="14px" viewBox="0 0 24 24"><path
                        d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>
                <span aria-hidden="true"><svg class="down_icon down_hide" xmlns="http://www.w3.org/2000/svg"
                                              width="14px" height="14px" viewBox="0 0 24 24"><path
                        d="M23.292 10.24a1.413 1.413 0 0 0-1.994.127l-7.448 8.464a.251.251 0 0 1-.438-.166V1.413a1.412 1.412 0 0 0-2.824 0v17.252a.251.251 0 0 1-.438.166L2.7 10.367a1.413 1.413 0 1 0-2.119 1.867L10.233 23.2a2.352 2.352 0 0 0 3.534 0l9.652-10.967a1.412 1.412 0 0 0-.127-1.993z"></path></svg></span>
            </div>
            <div id="qingjiechengdu_score" class="font_score">{{p2[0].qingjiechengdu}}</div>
            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar " role="meter"
                 aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">
                <span class="percent_bar" id="qingjie_chengdu"></span>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
    <div class="row scores" style="margin-top:30px">
        <!--        <div class="col-md-4" style="font-size:20px">-->
        <!--           舒适程度&ensp;&ensp;<div id="shushichengdu_score" style="display: inline-block">{{p2[0].shushichengdu}}</div>分-->
        <!--&lt;!&ndash;              <span class="b6dc9a9e69 fe621d6382 a29c17443f" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>&ndash;&gt;&ndash;&gt;-->
        <!--            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar ec0effca39" role="meter" aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">-->
        <!--                <span class="percent_bar" id="shushi_chengdu" ></span>-->
        <!--            </div>-->
        <!--        </div>-->
        <div class="col-md-4 score_title">
            舒适程度
            <div style="display: inline-block">
                <span aria-hidden="true"><svg class="up_icon up_hide" xmlns="http://www.w3.org/2000/svg" width="14px"
                                              height="14px" viewBox="0 0 24 24"><path
                        d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>
                <span aria-hidden="true"><svg class="down_icon down_hide" xmlns="http://www.w3.org/2000/svg"
                                              width="14px" height="14px" viewBox="0 0 24 24"><path
                        d="M23.292 10.24a1.413 1.413 0 0 0-1.994.127l-7.448 8.464a.251.251 0 0 1-.438-.166V1.413a1.412 1.412 0 0 0-2.824 0v17.252a.251.251 0 0 1-.438.166L2.7 10.367a1.413 1.413 0 1 0-2.119 1.867L10.233 23.2a2.352 2.352 0 0 0 3.534 0l9.652-10.967a1.412 1.412 0 0 0-.127-1.993z"></path></svg></span>
            </div>
            <div id="shushichengdu_score" class="font_score">{{p2[0].shushichengdu}}</div>
            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar " role="meter"
                 aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">
                <span class="percent_bar" id="shushi_chengdu"></span>
            </div>
            <div style="clear: both"></div>
        </div>
        <!--        <div class="col-md-4" style="font-size:20px">-->
        <!--           性价比&ensp;&ensp;<div id="xingjiebi_score" style="display: inline-block">{{p2[0].xingjiabi}}</div>分-->
        <!--            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar ec0effca39" role="meter" aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">-->
        <!--                <span class="percent_bar" id="xingjiabi" ></span>-->
        <!--            </div>-->
        <!--        </div>-->
        <div class="col-md-4 score_title">
            性价比
            <div style="display: inline-block">
                <span aria-hidden="true"><svg class="up_icon up_hide" xmlns="http://www.w3.org/2000/svg" width="14px"
                                              height="14px" viewBox="0 0 24 24"><path
                        d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>
                <span aria-hidden="true"><svg class="down_icon down_hide" xmlns="http://www.w3.org/2000/svg"
                                              width="14px" height="14px" viewBox="0 0 24 24"><path
                        d="M23.292 10.24a1.413 1.413 0 0 0-1.994.127l-7.448 8.464a.251.251 0 0 1-.438-.166V1.413a1.412 1.412 0 0 0-2.824 0v17.252a.251.251 0 0 1-.438.166L2.7 10.367a1.413 1.413 0 1 0-2.119 1.867L10.233 23.2a2.352 2.352 0 0 0 3.534 0l9.652-10.967a1.412 1.412 0 0 0-.127-1.993z"></path></svg></span>
            </div>
            <div id="xingjiebi_score" class="font_score">{{p2[0].xingjiabi}}</div>
            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar " role="meter"
                 aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">
                <span class="percent_bar" id="xingjiabi"></span>
            </div>
            <div style="clear: both"></div>
        </div>

        <!--        <div class="col-md-4" style="font-size:20px">-->
        <!--           位置&ensp;&ensp;<div id="weizhi_score" style="display: inline-block">{{p2[0].weizhi}}</div>分-->
        <!--&lt;!&ndash;              <span class="b6dc9a9e69 fe621d6382 a29c17443f" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>&ndash;&gt;&ndash;&gt;-->
        <!--            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar ec0effca39" role="meter" aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">-->
        <!--                <span class="percent_bar" id="weizhi" ></span>-->
        <!--            </div>-->
        <!--        </div>-->
        <div class="col-md-4 score_title">
            性价比
            <div style="display: inline-block">
                <span aria-hidden="true"><svg class="up_icon up_hide" xmlns="http://www.w3.org/2000/svg" width="14px"
                                              height="14px" viewBox="0 0 24 24"><path
                        d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>
                <span aria-hidden="true"><svg class="down_icon down_hide" xmlns="http://www.w3.org/2000/svg"
                                              width="14px" height="14px" viewBox="0 0 24 24"><path
                        d="M23.292 10.24a1.413 1.413 0 0 0-1.994.127l-7.448 8.464a.251.251 0 0 1-.438-.166V1.413a1.412 1.412 0 0 0-2.824 0v17.252a.251.251 0 0 1-.438.166L2.7 10.367a1.413 1.413 0 1 0-2.119 1.867L10.233 23.2a2.352 2.352 0 0 0 3.534 0l9.652-10.967a1.412 1.412 0 0 0-.127-1.993z"></path></svg></span>
            </div>
            <div id="weizhi_score" class="font_score">{{p2[0].weizhi}}</div>
            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar " role="meter"
                 aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">
                <span class="percent_bar" id="weizhi"></span>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
    <div class="row wifi scores" style="margin-top:30px">
        <!--        <div class="col-md-4" style="font-size:20px">-->
        <!--           免费WiFi&ensp;&ensp;<div id="mianfeiwifi_score" style="display: inline-block">{{p2[0].mianfeiwifi}}</div>分-->
        <!--&lt;!&ndash;              <span class="b6dc9a9e69 fe621d6382 a29c17443f" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>&ndash;&gt;&ndash;&gt;-->
        <!--            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar ec0effca39" role="meter" aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">-->
        <!--                <span class="percent_bar" id="mianfei_wifi" ></span>-->
        <!--            </div>-->
        <!--        </div>-->
        <div class="col-md-4 score_title">
            免费WiFi
            <div style="display: inline-block">
                <span aria-hidden="true"><svg class="up_icon up_hide" xmlns="http://www.w3.org/2000/svg" width="14px"
                                              height="14px" viewBox="0 0 24 24"><path
                        d="M23.421 11.765L13.768.8A2.641 2.641 0 0 0 12 0a2.645 2.645 0 0 0-1.768.8L.579 11.765A1.413 1.413 0 1 0 2.7 13.632l7.45-8.466a.25.25 0 0 1 .437.166v17.255a1.413 1.413 0 1 0 2.826 0V5.332a.25.25 0 0 1 .438-.165l7.449 8.465a1.413 1.413 0 1 0 2.121-1.867z"></path></svg></span>
                <span aria-hidden="true"><svg class="down_icon down_hide" xmlns="http://www.w3.org/2000/svg"
                                              width="14px" height="14px" viewBox="0 0 24 24"><path
                        d="M23.292 10.24a1.413 1.413 0 0 0-1.994.127l-7.448 8.464a.251.251 0 0 1-.438-.166V1.413a1.412 1.412 0 0 0-2.824 0v17.252a.251.251 0 0 1-.438.166L2.7 10.367a1.413 1.413 0 1 0-2.119 1.867L10.233 23.2a2.352 2.352 0 0 0 3.534 0l9.652-10.967a1.412 1.412 0 0 0-.127-1.993z"></path></svg></span>
            </div>
            <div id="mianfeiwifi_score" class="font_score">{{p2[0].mianfeiwifi}}</div>
            <div aria-labelledby=":R9i: :R9i:-label" aria-valuetext="10" class="percent_back_bar " role="meter"
                 aria-valuenow="1" aria-valuemin="0" aria-valuemax="1" aria-live="polite">
                <span class="percent_bar" id="mianfei_wifi"></span>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
    <p id="resturants" style="font-size: 30px;margin-top: 20px"><b>餐厅美食</b></p>
    <div class="row">
        {%for item in p4%}
        <div class="col-md-3 " style="margin-top: 20px;border:solid 1px #e7e7e7;margin-left:20px;padding-top: 20px">
            <p class="rest_title"><b>{{item.restaurantname}}</b></p>
            <p class="rest_title"><b>菜肴</b></p>
            <p class="rest_content">{{item.flavor}}</p>
            <p class="rest_title"><b>供应时间</b></p>
            <p class="rest_content">{{item.time}}</p>
            <p class="rest_title"><b>类型</b></p>
            <p class="rest_content">{{item.type}}</p>
        </div>

        {% endfor %}
    </div>
    <p style="font-size: 30px;margin-top: 20px"><b>设施及服务</b></p>
    <p style="font-size: 20px;margin-top: 15px"><b>热门设施/服务</b></p>
    <div class="row ">
        {% for item in p7.detail%}
        <p class="col-md-4">
            <span data-testid="facility-icon"  aria-hidden="true"><svg width="16px" height="16px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path d="M56.33 100a4 4 0 0 1-2.82-1.16L20.68 66.12a4 4 0 1 1 5.64-5.65l29.57 29.46 45.42-60.33a4 4 0 1 1 6.38 4.8l-48.17 64a4 4 0 0 1-2.91 1.6z"></path></svg></span>
        {{item}}</p>
        {% endfor %}
    </div>
    <p style="font-size: 30px;margin-top: 15px"><b>住宿规定</b></p>
    <div style="border:solid 1px darkgrey;margin-bottom: 20px">
        <p class="policy_table">
            <svg class="policy_icon" height="20" width="20" viewBox="0 0 128 128" role="presentation" aria-hidden="true"
                 focusable="false">
                <path d="M87.33 66.22c.06-.1.11-.2.16-.3.077-.125.143-.255.2-.39.054-.133.097-.27.13-.41.04-.112.073-.225.1-.34.1-.515.1-1.045 0-1.56a3.352 3.352 0 0 0-.1-.34 2.802 2.802 0 0 0-.13-.41 2.868 2.868 0 0 0-.2-.39c0-.1-.1-.2-.16-.3a4.922 4.922 0 0 0-.5-.61l-24-24a4.002 4.002 0 1 0-5.66 5.66L74.34 60H20a4 4 0 0 0 0 8h54.34L57.17 85.17a4.002 4.002 0 1 0 5.66 5.66l24-24c.183-.19.35-.394.5-.61zM92 0h-8a4 4 0 0 0 0 8h8c6.627 0 12 5.373 12 12v88c0 6.627-5.373 12-12 12h-8a4 4 0 0 0 0 8h8c11.046 0 20-8.954 20-20V20c0-11.046-8.954-20-20-20z"></path>
            </svg>
            &nbsp;<b>入住时间</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{p5[0].checkin}}
        </p>
        <div style="border:solid 1px darkgrey"></div>
        <p class="policy_table">
            <svg class="policy_icon -streamline-check_out" height="20" width="20" viewBox="0 0 128 128"
                 role="presentation" aria-hidden="true" focusable="false">
                <path d="M111.33 66.22c.06-.1.11-.2.16-.3.05-.1.15-.25.21-.39s.08-.27.12-.41c.039-.112.073-.225.1-.34.1-.515.1-1.045 0-1.56a3.352 3.352 0 0 0-.1-.34c0-.14-.07-.28-.12-.41-.05-.13-.14-.26-.21-.39-.07-.13-.1-.2-.16-.3a4.886 4.886 0 0 0-.5-.61l-24-24a4.002 4.002 0 1 0-5.66 5.66L98.34 60H44a4 4 0 0 0 0 8h54.34L81.17 85.17a4.002 4.002 0 1 0 5.66 5.66l24-24c.183-.19.35-.394.5-.61zM44 120h-8c-6.627 0-12-5.373-12-12V20c0-6.627 5.373-12 12-12h8a4 4 0 0 0 0-8h-8C24.954 0 16 8.954 16 20v88c0 11.046 8.954 20 20 20h8a4 4 0 0 0 0-8z"></path>
            </svg>
            &nbsp;<b>退房时间</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{p5[0].checkout}}
        </p>
        <div style="border:solid 1px darkgrey"></div>
        <p class="policy_table">
            <svg class="policy_icon -streamline-info_sign" height="20" width="20" viewBox="0 0 24 24"
                 role="presentation" aria-hidden="true" focusable="false">
                <path d="M14.25 15.75h-.75a.75.75 0 0 1-.75-.75v-3.75a1.5 1.5 0 0 0-1.5-1.5h-.75a.75.75 0 0 0 0 1.5h.75V15a2.25 2.25 0 0 0 2.25 2.25h.75a.75.75 0 0 0 0-1.5zM11.625 6a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25.75.75 0 0 0 0 1.5.375.375 0 1 1 0-.75.375.375 0 0 1 0 .75.75.75 0 0 0 0-1.5zM22.5 12c0 5.799-4.701 10.5-10.5 10.5S1.5 17.799 1.5 12 6.201 1.5 12 1.5 22.5 6.201 22.5 12zm1.5 0c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12 12-5.373 12-12z"></path>
            </svg>
            &nbsp;<b>预订取消/预订政策</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{p5[0].cancel}}
        </p>
        <div style="border:solid 1px darkgrey"></div>
        <div style="display: inline-block">
            <p class="policy_table" style="width: 200px;float: left">
                <svg class="policy_icon -streamline-family" height="20" width="20" viewBox="0 0 24 24"
                     role="presentation" aria-hidden="true" focusable="false">
                    <path d="M21.75 5.25a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0zm1.5 0a3.75 3.75 0 1 0-7.5 0 3.75 3.75 0 0 0 7.5 0zm-6.182 15.093l.188 1.5A.75.75 0 0 0 18 22.5h3a.75.75 0 0 0 .744-.657l.75-6-.744.657h1.5a.75.75 0 0 0 .75-.75V13.5a4.5 4.5 0 0 0-7.2-3.6.75.75 0 1 0 .9 1.2 3 3 0 0 1 4.8 2.4v2.25l.75-.75h-1.5a.75.75 0 0 0-.744.657l-.75 6L21 21h-3l.744.657-.188-1.5a.75.75 0 0 0-1.488.186zM6.75 5.25a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0zm1.5 0a3.75 3.75 0 1 0-7.5 0 3.75 3.75 0 0 0 7.5 0zM5.444 20.157l-.188 1.5L6 21H3l.744.657-.75-6A.75.75 0 0 0 2.25 15H.75l.75.75V13.5a3 3 0 0 1 4.8-2.4.75.75 0 1 0 .9-1.2A4.5 4.5 0 0 0 0 13.5v2.25c0 .414.336.75.75.75h1.5l-.744-.657.75 6A.75.75 0 0 0 3 22.5h3a.75.75 0 0 0 .744-.657l.188-1.5a.75.75 0 0 0-1.488-.186zM13.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM15 9a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-3 3a4.5 4.5 0 0 0-4.5 4.5v.75c0 .414.336.75.75.75h1.5l-.74-.627.75 4.5a.75.75 0 0 0 .74.627H12a.75.75 0 0 0 0-1.5h-1.5l.74.627-.75-4.5a.75.75 0 0 0-.74-.627h-1.5l.75.75v-.75a3 3 0 0 1 3-3 .75.75 0 0 0 0-1.5zm0 1.5a3 3 0 0 1 3 3v.75l.75-.75h-1.5a.75.75 0 0 0-.74.627l-.75 4.5.74-.627H12a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 .74-.627l.75-4.5-.74.627h1.5a.75.75 0 0 0 .75-.75v-.75A4.5 4.5 0 0 0 12 12a.75.75 0 0 0 0 1.5z"></path>
                </svg>
                &nbsp;<b>儿童及加床政策</b></p>
            <div style="display: inline-block;">
                <p style="font-size: 14px;font-weight: 700;padding-top: 20px;">一般儿童政策</p>
                {% for item in p5[0].child%}
                <p style="font-size: 14px;margin-bottom: 5px;text-align: left">&nbsp;&nbsp;&nbsp;&nbsp;{{item}}</p>
                {% endfor %}
                <p style="font-size: 14px;font-weight: 700;padding-top: 10px;">婴儿床和加床政策</p>
                {% for item in p5[0].add%}
                <p style="font-size: 14px;margin-bottom: 5px">&nbsp;&nbsp;&nbsp;&nbsp;{{item}}</p>
                {% endfor %}
            </div>
        </div>
        <div style="border:solid 1px darkgrey"></div>
        <p class="policy_table" style="display: inline-block">
            <svg class="policy_icon -streamline-person" height="20" width="20" viewBox="0 0 24 24" role="presentation"
                 aria-hidden="true" focusable="false">
                <path d="M14.25 3.75a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0zm1.5 0a3.75 3.75 0 1 0-7.5 0 3.75 3.75 0 0 0 7.5 0zM18 13.5a6 6 0 0 0-12 0v2.25c0 .414.336.75.75.75H9l-.746-.675.75 7.5A.75.75 0 0 0 9.75 24h4.5a.75.75 0 0 0 .746-.675l.75-7.5L15 16.5h2.25a.75.75 0 0 0 .75-.75V13.5zm-1.5 0v2.25l.75-.75H15a.75.75 0 0 0-.746.675l-.75 7.5.746-.675h-4.5l.746.675-.75-7.5A.75.75 0 0 0 9 15H6.75l.75.75V13.5a4.5 4.5 0 1 1 9 0z"></path>
            </svg>
            &nbsp;<b>年龄限制</b>
        </p>
        {% for item in p5[0].age%}
        <p style="font-size: 14px;margin-left: 90px ;padding-top: 10px;display: inline-block">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item}}</p>
        {% endfor %}

        <div style="border:solid 1px darkgrey"></div>
        <p class="policy_table " style="display: inline-block">
            <svg class="policy_icon -streamline-pawprint" height="20" width="20" viewBox="0 0 24 24" role="presentation"
                 aria-hidden="true" focusable="false">
                <path d="M16.01 15a4.5 4.5 0 1 0-9 0l.75-.75a3.75 3.75 0 1 0 0 7.5 4.96 4.96 0 0 0 2.245-.59 3.277 3.277 0 0 1 3.018.005c.677.365 1.44.567 2.22.585a3.75 3.75 0 1 0 .018-7.5l.749.75zm-1.5 0c0 .414.336.75.75.75a2.25 2.25 0 0 1 0 4.5 3.435 3.435 0 0 1-1.536-.41 4.786 4.786 0 0 0-4.42-.005 3.457 3.457 0 0 1-1.562.415A2.247 2.247 0 0 1 5.51 18a2.25 2.25 0 0 1 2.25-2.25.75.75 0 0 0 .75-.75 3 3 0 1 1 6 0zm-9.75-3.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm1.5 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm3-6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm1.5 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm6 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm1.5 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm3.75 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm1.5 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0z"></path>
            </svg>
            &nbsp;<b>宠物</b></p>
        {% for item in p5[0].pet%}
        <span style="padding-left: 130px">&nbsp;&nbsp;&nbsp;</span>
        {% for item1 in item%}
        <span style="font-size: 14px">{{item1}}</span>
        {% endfor %}
        {% endfor %}

        <div class="up_hide teams" id="team_set ">
            <div class="up_hide " id="show_team_p">{{p5[0].team}}</div>
            <div style="border:solid 1px darkgrey"></div>
            <p class="policy_table" style="display: inline-block">
                <svg class="policy_icon -streamline-group" height="20" width="20" viewBox="0 0 24 24"
                     role="presentation" aria-hidden="true" focusable="false">
                    <path d="M6 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm1.5 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-3 3A4.5 4.5 0 0 0 0 13.5v2.25c0 .414.336.75.75.75h1.5l-.744-.657.75 6A.75.75 0 0 0 3 22.5h3A.75.75 0 0 0 6 21H3l.744.657-.75-6A.75.75 0 0 0 2.25 15H.75l.75.75V13.5a3 3 0 0 1 3-3 .75.75 0 0 0 0-1.5zM21 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm1.5 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-3 4.5a3 3 0 0 1 3 3v2.25l.75-.75h-1.5a.75.75 0 0 0-.744.657l-.75 6L21 21h-3a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .744-.657l.75-6-.744.657h1.5a.75.75 0 0 0 .75-.75V13.5A4.5 4.5 0 0 0 19.5 9a.75.75 0 0 0 0 1.5zm-5.25-6.75a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0zm1.5 0a3.75 3.75 0 1 0-7.5 0 3.75 3.75 0 0 0 7.5 0zM18 13.5a6 6 0 0 0-12 0v2.25c0 .414.336.75.75.75H9l-.746-.675.75 7.5A.75.75 0 0 0 9.75 24h4.5a.75.75 0 0 0 .746-.675l.75-7.5L15 16.5h2.25a.75.75 0 0 0 .75-.75V13.5zm-1.5 0v2.25l.75-.75H15a.75.75 0 0 0-.746.675l-.75 7.5.746-.675h-4.5l.746.675-.75-7.5A.75.75 0 0 0 9 15H6.75l.75.75V13.5a4.5 4.5 0 1 1 9 0z"></path>
                </svg>
                &nbsp;<b>团体</b></p>
            {% for item in p5[0].team%}
            <p style="font-size: 14px;margin-left: 90px ;padding-top: 10px;display: inline-block">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item}}</p>
            {% endfor %}
        </div>
        <div style="clear: both"></div>
    </div>
    <div id="yudingxuzhi" style="margin-bottom: 30px">
        <h2 style="font-size: 24px;font-weight: 700;margin-bottom: 20px">预订须知</h2>
        <div class="blu_container ">
            <div id="shouldknowss" style="padding:16px 24px 16px 16px">
                {% for item in p5[0].shouldknow%}
                <p>{{item}}</p>
                {% endfor %}
            </div>
        </div>
    </div>
</div>

<!-- Button trigger modal -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel"><b>房间描述</b></h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <img alt="140x140" src={{photolist[0]}} style="width:400px;height: 300px"/>
                    </div>
                    <div class="col-md-6" style="margin-top: 70px">
                        <p style="font-size: 20px"><b>{{p3[0].roomname}}</b></p>
                        <div>
                            {% for item in p3[0].roomfacility%}
                            <span style="font-size: 13px">{{item}}&nbsp;</span>
                            {% endfor%}
                        </div>
                        <div style="margin-top: 10px;font-size: 15px">
                            {{p3[0].roomfeature}}
                        </div>
                        <div style="margin-top: 10px">
                            {% for item in p3[0].roomfacilities %}
                            <span><svg class="bk-icon -streamline-checkmark" fill="" size="small" width="14" height="14"
                                       viewBox="0 0 128 128"><path
                                    d="M56.33 100a4 4 0 0 1-2.82-1.16L20.68 66.12a4 4 0 1 1 5.64-5.65l29.57 29.46 45.42-60.33a4 4 0 1 1 6.38 4.8l-48.17 64a4 4 0 0 1-2.91 1.6z"></path></svg>{{item}}&nbsp;</span>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<section id="hh4" class="pt-5 pb-5 bg-warning rounded mt-5 mb-5 aos-init aos-animate" style="margin-top: 30px" data-aos="zoom-in">
    <div class="container text-center">
        <h1 class="mb-3 mt-3">Like what you see?</h1>
        <h3 class="font-weight-light mb-5">方便又省钱！
            <em><strong></strong></em> 立即注册，获取优惠好价！ </h3>
        <div class="row justify-content-center mb-5">
            <div class="col-lg-4">
            </div>
            <div class="col-lg-4">
                <a target="_blank" class="btn btn-dark shadow-lg btn-lg d-block mb-2 btn-round"
                   href="https://join.booking.com/?lang=zh-cn&aid=376390&utm_source=footer_menu&utm_medium=frontend&label=bookings-naam-oYFnc5Uc4A3ORKdyD8eI7AS632911532530:pl:ta:p1:p22,563,000:ac:ap:neg:fi:tikwd-65526620:lp1009280:li:dec:dm:ppccp=UmFuZG9tSVYkc2RlIyh9YXdX6HrtnYy-wu9AdI9VTio">
                    <i class="fab fa-github mr-1"></i> 上线我的住宿</a>
            </div>
        </div>
    </div>
</section>
<div style="border:solid 2px black"></div>
<div class="footerconstraint-inner container" style="margin-top: 10px">
    <div id="footer" class="footer-navigation-links-wrapper clearfix" role="navigation">
        <div id="footer_links" class="footer-navigation-links">
            <div class="footer-navigation-links-column footer-seo-links-to-html-sitemaps">
                <ul class="footer-navigation-links-list col-xs-6 col-md-2">
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/country.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="seoindexlinks">
                            国家/地区
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/region.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="seoindexlinks">
                            区域
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/city.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="seoindexlinks">
                            城市
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/district.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="seoindexlinks">
                            区
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/airport.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="seoindexlinks">
                            机场
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/hotel/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="seoindexlinks">
                            酒店
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/landmark.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="seoindexlinks">
                            周边地标/景点
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-navigation-links-column">
                <ul class="footer-navigation-links-list footer-seo-links-to-index col-xs-6 col-md-2">
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/booking-home/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="booking-home">
                            民宿短租
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/apartments/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="apartments">
                            公寓
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/resorts/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="resorts">
                            度假村
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/villas/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="villas">
                            别墅
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/hostels/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="hostels">
                            青旅
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/bed-and-breakfast/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="bed_and_breakfast">
                            住宿加早餐旅馆
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/guest-house/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="guest_house">
                            旅馆
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-navigation-links-column">
                <ul class="footer-navigation-links-list col-xs-6 col-md-3">
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/accommodations.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="accommodations">
                            全球独特住宿
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/destination.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="destinations">
                            所有目的地
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/flights/sitemap.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="flights_destinations">
                            所有航班目的地
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/cars/sitemap.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="cars_destinations">
                            所有租车点
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="/discover.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
                            发现精彩
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/reviews
.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc
" data-ga="seoindexlinks" class="js-reviews-footer-link">
                            客人点评
                        </a>
                    </li>
                    <div data-et-view="  BHDTJdReLLCBLZBeMbFMOFIbeDUHYKe:1 BHDTJdReLLCBLZBeMbFMOFIbeDUHYKe:3 "></div>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/extended-stays/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           data-ga="extended-stays">
                            探索月租
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://booking.cn/articles.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           type="nav" location="main-site-footer" category="articles-link">
                            游记攻略
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/deals/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc"
                           title="季节和假日优惠">
                            季节和假日优惠
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/traveller-awards/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
                            Traveller Review Awards
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-navigation-links-column">
                <ul class="footer-navigation-links-list col-xs-6 col-md-2">
                    <li class="footer-navigation-link">
                        <a rel="nofollow"
                           href="http://cars.booking.com/Home.do?affiliateCode=booking-com&amp;adplat=footer&amp;preflang=zh-cn"
                           target="_blank"
                           data-google-track="Click/Rental cars footer link click (loy_footer_rentalcars_copy: 0)/index"
                           data-ga-track="click|pageview:/outgoinglink/traveljigsaw/zh">
                            租车服务
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a rel="nofollow"
                           href="https://booking.cn/pxgo?url=https%3A%2F%2Fbooking.kayak.com%2Fin%3Fa%3Dbdc%252Ffooter_link%26p%3Dfooter_link%26sid%3D1c3c74b8ebf43b98ff7f33d85a5ffadc%26mc%3DCNY%26bdclc%3Dzh-cn&amp;token=UmFuZG9tSVYkc2RlIyh9Yb5s-oRzgw76bcWUd8wbcu_HQ_oNS0n5o7zQ4ALMS4xCAz2HhcKhGLwnccOLYQQwIxoA1l8Dn-u7SWMJSrnvF2SlZw8LSyUylQlCcuex9gosnb-4lO3cBh4k55cNqRMSfFPLFXGPgVPZeOUwZXy7_R3yPHWDyJSfMAqwMnH4WY9TRhY0s8ADXBtGbDLIS0T-KtRtFttcYhtDXbuQ7ipS0tb--gvkbygnAE6CDsonH1jwNNquYwxgt-fAFY4IzjwKRYif4ihrj-bn70oWjdeHkcdSByHc3aIq9e3pHTCqMCCtVtwVI2LSsPyn_XU17hLXAA&amp;aid=1633942&amp;lang=zh"
                           target="_blank" data-google-track="Click/Kayak footer link/index"
                           data-ga-track="click|pageview:/outgoinglink/kayaklink">
                            订机票
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a rel="nofollow" href="http://www.opentable.com?ref=16087" target="_blank"
                           data-google-track="Click/Opentable footer link/index"
                           data-ga-track="click|pageview:/outgoinglink/opentablelink">
                            餐厅订位
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="
https://booking.cn/affiliate-program/v2/index.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc&amp;utm_medium=referral&amp;utm_campaign=booking-footer&amp;utm_content=travel-agents-link&amp;utm_source=booking.com
" title="Booking.com for Travel Advisers"
                           data-ga-track="click|pageview:/internallink/partner/footer/adviserslink/index/zh-cn">
                            Booking.com缤客旅行代理机构中心
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-navigation-links-column">
                <ul class="footer-navigation-links-list col-xs-6 col-md-3">
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/covid-19-booking-faqs.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
                            新冠肺炎（COVID-19）疫情常见问题及解答
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/content/about.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">关于Booking.com缤客</a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="/content/contact-us.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">联系我们</a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="/content/business-license.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">营业执照</a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://secure.booking.cn/help.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc&amp;source=footer_navigation#/?source=footer_navigation"
                           data-ga-track="click|Click|Action: index|hc_entrypoint_footer_navigation">
                            客服帮助
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://partner.booking.com/en-gb?utm_campaign=footer_list&amp;utm_medium=frontend_footer&amp;utm_source=booking.com">
                            酒店自助平台
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://careers.booking.com/?utm_source=corporate&amp;utm_medium=footer"
                           data-ga-track="click|pageview:/outgoinglink/footer/careerlink/zh-cn">
                            Careers
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://sustainability.booking.com/"
                           data-ga-track="click|pageview:/outgoinglink/footer/sustainabilitylink/zh-cn">
                            可持续发展项目
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a class="tracked" data-google-track="Click/Action: about_us/press"
                           href="https://news.booking.com/zh-chs/">
                            新闻中心
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/trust-and-safety.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc&amp;utm_source=footer_menu&amp;utm_medium=web_frontend"
                           class="tracked">
                            安全旅行信息中心
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a class="tracked" data-google-track="Click/Action: about_us/investor_relations"
                           href="https://www.bookingholdings.com/">
                            投资者关系
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/content/terms.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
                            条款与条件
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://secure.booking.cn/content/complaints.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
                            合作伙伴申诉
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/content/how_we_work.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
                            我们如何运作
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.booking.cn/content/privacy.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
                            隐私和Cookie声明
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <div style="display:none">
                            <button id="ot-sdk-btn" class="ot-sdk-show-settings">点此</button>
                        </div>
                        <a href="#" class=" ot-preference-center-footer">
                            管理Cookie设置
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="https://www.bookingholdings.com/about/compliance-and-ethics/">
                            MSA声明
                        </a>
                    </li>
                    <li class="footer-navigation-link" data-ga-track="click|CSIR|CS|footer_link_contact_us">
                        <a href="https://www.booking.cn/content/contact-us.zh-cn.html?aid=1633942&amp;label=baidu-brand-list1&amp;sid=1c3c74b8ebf43b98ff7f33d85a5ffadc">
                            其他问题查询
                        </a>
                    </li>
                    <li class="footer-navigation-link">
                        <a href="#" title="
最优惠价格保证 - 核实后将予以差价补偿！
" class="
jq_tooltip
open-bpg-in-overlay-instead
">价格更放心</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <input type="hidden" id="pro1" value="pro1">
</div>
<!--尾页-->
<script src="../static/js/jquery-3.6.4.min.js"></script>
<script src="../static/bootstrap-3.4.1-dist/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../static/js/dcalendar.picker.js"></script>
<script type="text/javascript">
    $('#mydatepicker').dcalendarpicker();
    $('#mydatepicker1').dcalendarpicker();
</script>
<script type="text/javascript">

    function test() {
        var values = $("#pro1").val();
        var dicts = eval("(" + values + ")");
        console.log(dicts);
    }

    test();


    $(function () {
        $('[data-toggle="popover"]').popover()
    })

    function get_percent(num) {
        var num_double = Number(num);
        var percent = (num_double * 10) + '%';
        console.log(percent);
        return percent;
    }


    function setScore_per() {
        var total_score = $("#total_score").text();
        if (total_score != '') {
            console.log("有评分");
            $(".scores").removeClass("scores");
            let score_1 = get_percent($("#yuangong_score1").text());
            if (Number($("#yuangong_score1").text()) > 9) {
                $("#yuan_gong").css({width: score_1, background: "#008009"});
                $("#yuangong_score1").siblings().find(".up_icon").removeClass("up_hide")
            } else if (Number($("#yuangong_score1").text()) < 7.5) {
                $("#yuan_gong").css({width: score_1, background: "#c00"});
                $("#yuangong_score1").siblings().find(".down_icon").removeClass("down_hide")
            } else {
                $("#yuan_gong").css({width: score_1});
            }
            let score_2 = get_percent($("#sheshifuwu_score").text());
            if (Number($("#sheshifuwu_score").text()) > 9) {
                $("#sheshi_fuwu").css({width: score_2, background: "#008009"});
                $("#sheshifuwu_score").siblings().find(".up_icon").removeClass("up_hide")
            } else if (Number($("#sheshifuwu_score").text()) < 7.5) {
                $("#sheshi_fuwu").css({width: score_2, background: "#c00"});
                $("#sheshifuwu_score").siblings().find(".down_icon").removeClass("down_hide")
            } else {
                $("#sheshi_fuwu").css({width: score_2});
            }
            let score_3 = get_percent($("#qingjiechengdu_score").text());
            if (Number($("#qingjiechengdu_score").text()) > 9) {
                $("#qingjie_chengdu").css({width: score_3, background: "#008009"});
                $("#qingjiechengdu_score").siblings().find(".up_icon").removeClass("up_hide")
            } else if (Number($("#qingjiechengdu_score").text()) < 7.5) {
                $("#qingjie_chengdu").css({width: score_3, background: "#c00"});
                $("#qingjiechengdu_score").siblings().find(".down_icon").removeClass("down_hide")
            } else {
                $("#qingjie_chengdu").css({width: score_3});
            }
            let score_4 = get_percent($("#shushichengdu_score").text());
            $("#shushi_chengdu").css({width: score_4});
            if (Number($("#shushichengdu_score").text()) > 9) {
                $("#shushi_chengdu").css({width: score_4, background: "#008009"});
                $("#shushichengdu_score").siblings().find(".up_icon").removeClass("up_hide")
            } else if (Number($("#shushichengdu_score").text()) < 7.5) {
                $("#shushi_chengdu").css({width: score_4, background: "#c00"});
                $("#shushichengdu_score").siblings().find(".down_icon").removeClass("down_hide")
            }
            let score_5 = get_percent($("#xingjiebi_score").text());
            $("#xingjiabi").css({width: score_5});
            if (Number($("#xingjiebi_score").text()) > 9) {
                $("#xingjiabi").css({width: score_5, background: "#008009"});
                $("#xingjiebi_score").siblings().find(".up_icon").removeClass("up_hide")
            } else if (Number($("#xingjiebi_score").text()) < 7.5) {
                $("#xingjiabi").css({width: score_5, background: "#c00"});
                $("#xingjiebi_score").siblings().find(".down_icon").removeClass("down_hide")
            }
            let score_6 = get_percent($("#weizhi_score").text());
            $("#weizhi").css({width: score_6});
            if (Number($("#weizhi_score").text()) > 9) {
                $("#weizhi").css({width: score_6, background: "#008009"});
                $("#weizhi_score").siblings().find(".up_icon").removeClass("up_hide")

            } else if (Number($("#weizhi_score").text()) < 7.5) {
                $("#weizhi").css({width: score_6, background: "#c00"});
                $("#weizhi_score").siblings().find(".down_icon").removeClass("down_hide")
            }
            var wifi_s = $("#mianfeiwifi_score").text();
            if (wifi_s != '') {
                $(".wifi").removeClass("wifi");
                let score_7 = get_percent(wifi_s);
                $("#mianfei_wifi").css({width: score_7});
                if (Number($("#mianfeiwifi_score").text()) > 9) {
                    $("#mianfei_wifi").css({width: score_6, background: "#008009"});
                    $("#mianfeiwifi_score").siblings().find(".up_icon").removeClass("up_hide")
                } else if (Number($("#mianfeiwifi_score").text()) < 7.5) {
                    $("#mianfei_wifi").css({width: score_6, background: "#c00"});
                    $("#mianfeiwifi_score").siblings().find(".down_icon").removeClass("down_hide")
                }
            }
        }
    }

    setScore_per();

    function show_star() {
        var star = $("#show_stars").text();
        var star_position = $("#show_stars");
        var star_good_position = $("#star_good");
        for (var i = 0; i < star; i++) {
            star_position = star_position.next();
            star_position.removeClass("star_hide");
        }
        if (star >= 4) {
            star_good_position.removeClass("star_hide");
        }
    }

    show_star();

    function show_team() {
        var teamp = $("#show_team_p").text();
        console.log(teamp);
        if (teamp != '[]') {
            console.log("team为空")
            $(".teams").removeClass("up_hide");
        }
    }

    show_team();

    function show_maxpeople(num) {
        var maxp_html = '';
        for (var i = 0; i < num; i++) {
            maxp_html += `<span class="glyphicon glyphicon-user" aria-hidden="true"></span>`
        }
        return maxp_html;
    }

    function set_max_people() {
        var a = document.getElementsByClassName("room_max");
        var l = a.length;
        console.log(l);
        for (var i = 0; i < l; i++) {
            var m = a[i].innerText;
            a[i].innerHTML = show_maxpeople(m);
        }
        console.log(a);
    }
    set_max_people();
    function set_priceother(p,p_other){
        var pri_oth_html=``;
        var reg=/\d/;

        var p_num=Number(p.replace(/[^\d]/g, ""));
        if(p_other==null){
            pri_oth_html+=`含税费及其他费用`;
        }
        else {
            if(p_other.search("税费及其他费用") != -1){
                pri_oth_html+=p_other;
            }else if(p_other.search("元") != -1&& reg.test(p_other)){
                console.log(p_other)
                console.log(p_other.replace(/[^\d]/g, ""))
                var num_po= Number(p_other.replace(/[^\d]/g, ""));

                console.log(num_po)
                var pri_o =num_po - p_num;
                if(pri_o<=0)
                {
                    pri_oth_html+=`含税费及其他费用`;
                }else{
                    pri_oth_html+=`+`+pri_o+`元税费及其他费用`
                }
            }else{
                 pri_oth_html+=`含税费及其他费用`;
            }
        }
        return pri_oth_html;
    }
    function set_price_other(){
        var pri=document.getElementsByClassName("set_price");
        var pro=document.getElementsByClassName("set_pri_o");
        var len=pri.length;
        for(var i=0;i<len;i++)
        {
            console.log(pri[i].innerText);
            console.log(pro[i].innerText);
            var pri_html= set_priceother(pri[i].innerText,pro[i].innerText);
            pro[i].innerHTML=pri_html;
        }
    }
    set_price_other();
    function set_res(){

        var res_c=document.getElementsByClassName("rest_content");
        var res_t=document.getElementsByClassName("rest_title");
        console.log(res_t);
        console.log(res_c);
        var len=res_c.length;
        var have=false;
        for(var i=0;i<len;i++)
        {
            console.log(res_t[i+1].innerText);
            console.log(res_c[i].innerText);

           if(res_c[i].innerText==''){
               var add=Math.floor(i/3)+1
               res_t[i+add].classList.add("up_hide");
           }
           else{
               have=true;
           }
        }
        if(!have)
        {
            document.getElementById("resturants").classList.add("up_hide");
        }
    }
    set_res();
    function set_shouldknow(){
        var sk=$("#shouldknowss");
        var sk=document.getElementById("shouldknowss").innerText;
        console.log(sk.innerText);
        if(sk==""){
            document.getElementById("yudingxuzhi").classList.add("up_hide");
        }
    }
    set_shouldknow();
function compare(aaa,now,maxnum)
    {
if(now>maxnum)
    {
        alert('超出空闲数目，该房间当前剩余'+maxnum+'间');
aaa.selectedIndex = 0;
        }
    }
/*
$("#mynum").change(() => {
        let seeType = $("#mynum").val();
          console.log(seeType)
        let maxhotel=document.getElementById("max_hotel").innerHTML;
           console.log(maxhotel)
        if(seeType>maxhotel)
        {alert('超出空闲数目');
           document.getElementById("mynum").selectedIndex = 0;
        }
    });*/
</script>

</body>
</html>